<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>商品详情页</title>
  <link rel="stylesheet" type="text/css" href="css/public.css">
  <link rel="stylesheet" type="text/css" href="css/commonMess.css">
</head>
<body>
  <!-- 公共頂部 -->
  <div id='pHead'>
    <div id='headerLine'>
      <div class="headerMid">
        <div class="headLeft">
          <div class='hlwelcome'><a href="#">您好，欢迎来来到本站！</a></div>
          <ul class="hlLogin">
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
          </ul>
          
        </div>
        <ul class="headRight">
          <li><a href="#">站内消息（0）</a></li>
          <li><a href="#">购物车（0）件</a></li>
          <li><a href="#">帮助中心</a></li>
        </ul>
      </div>
    </div>
    <div id="header">
      <div class="headerMid">
        <div class="headMain">
          <div id="logo">
            <a href="#"><img src="images/public/logo.gif" height='76' /></a>
          </div>
          <div class="headSearch">
            <div class="hsTop">
              <input id='mainSearch' type="text" name="search" placeholder='请输入产品关键字，如品牌、型号等' />
              <span id='msearchDo'>搜索</span>
            </div>
            
          </div>
          <div class="headSome">
            <img src="images/public/bbd.png" width='338' />
          </div>
        </div>
      </div>
    </div>
    <div class="headList">
      <div class="headerMid">
        <div id='headChoose'>
          <div class="hcTitle">所有商品分类</div>
          <div class="hcBody">

            <!-- 列表每个种类商品 -->
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>

          </div>


        </div>
        <ul class='headTypeList'>
          <li><a href="#">首页</a></li>
          <li><a href="#">零食天地</a></li>
          <li><a href="#">进口食品</a></li>
          <li><a href="#">个人护理</a></li>
          <li><a href="#">箱包钟表</a></li>
          <li><a href="#">专题</a></li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 主要内容写在这里 -->
  <div class='bodyMain'>
    <div class="bodyMids">
      
      <!-- 详情页面包屑 -->
      <div class="com_nav">
        <div class="cnav_ti">您的当前位置：</div>
        <ul class="cnav_line">
          <li><a href="#">首页</a></li>
          <li><a href="#">食品饮料</a></li>
          <li><a href="#">糖果/巧克力</a></li>
          <li>歌斐颂 纯可可脂纯黑巧克力320g 58%可可进口料休闲零食品黑巧</li>
        </ul>
      </div>

      <!-- 商品详情 -->
      <div class="com_Mess">
        <!-- <div class="cm_pic">
          <div class="cmp_big">
            <img src="http://static.v5.javamall.com.cn/attachment/goods/201511240133438025_big.jpg" />
          </div>
          <div class="cmp_small"></div>
        </div> -->
        <div class="cm_pic">
          <div class="magnifier" id="magnifier1">
            <div class="magnifier-container">
              <div class="images-cover"></div>
              <!--当前图片显示容器-->
              <div class="move-view"></div>
              <!--跟随鼠标移动的盒子-->
            </div>
            <div class="magnifier-assembly">
              <div class="magnifier-btn">
                <span class="magnifier-btn-left">&lt;</span>
                <span class="magnifier-btn-right">&gt;</span>
              </div>
              <!--按钮组-->
              <div class="magnifier-line">
                <ul class="clearfix animation03">
                  <li>
                    <div class="small-img">
                      <img src="images/commonMess/1.jpg" />
                    </div>
                  </li>
                  <li>
                    <div class="small-img">
                      <img src="images/commonMess/2.jpg" />
                    </div>
                  </li>
                  <li>
                    <div class="small-img">
                      <img src="images/commonMess/3.jpg" />
                    </div>
                  </li>
                  <li>
                    <div class="small-img">
                      <img src="images/commonMess/4.jpg" />
                    </div>
                  </li>
                  <li>
                    <div class="small-img">
                      <img src="images/commonMess/5.jpg" />
                    </div>
                  </li>
                  <li>
                    <div class="small-img">
                      <img src="images/commonMess/4.jpg" />
                    </div>
                  </li>
                  <li>
                    <div class="small-img">
                      <img src="images/commonMess/2.jpg" />
                    </div>
                  </li>
                </ul>
              </div>
              <!--缩略图-->
            </div>
            <div class="magnifier-view"></div>
            <!--经过放大的图片显示容器-->
          </div>
        </div>  
        <div class="cm_Else">
          <div class="cme_top">
            <div class="cmet_title">歌斐颂 纯可可脂纯黑巧克力320g 58%可可进口料休闲零食品黑巧</div>
            <div class="cmet_comno">商品货号： 20151124003</div>
            <div class="cmet_some">
              <div class="cmets_price">商城价：<span>￥99999.99</span>元</div>
              <div class="cmets_priced"><del>市场价：99999.99元</del></div>
            </div>

          </div>

          <div class="cme_bot">
            <div class="cmeb_orderno">
              <div class='cmebo_tit'>订购数量：</div>
              <ul class='cmebo_inp'>
                <li id='cbo_contdown' class='cmebo_com cmebo_comd'>-</li>
                <li><input id='thiscom_count' type="text" name="" value='0'></li>
                <li id='cbo_contup' class='cmebo_com cmebo_comu'>+</li>
              </ul>
              <div class="comebo_tip">仅剩<span>999999</span>件， 抓紧时间购买哦！</div>
            </div>

            <div class="cme_anniu">
              <div id="cme_gobuy">立即购买</div>
              <div id="cme_goin">加入购物车</div>
              <div id="cme_save">收藏</div>
            </div>
          </div>


        </div>
      </div>
      
      <!-- 推荐商品 -->
      <div class="com_recom">
        <div class="cr_tit">推荐商品</div>
        <div class="cr_body">
          <ul class="crb_ul">
            <li class='crbli_img'>
              <img src="http://static.v4.javamall.com.cn/attachment/goods/201202231834296191_thumbnail.jpg" alt="相宜本草 防皱消黑眼贴膜6对/盒" class="scrollLoading">
            </li>
            <li class='crbli_tit str'>
              <a href="#">相宜本草 防皱消黑眼贴范德萨范德萨发大范德萨范德萨</a>
            </li>
            <li class='crbli_price'>
              <i>￥99999.99</i>
              <del>￥99999.99</del>
            </li>
          </ul>
          <ul class="crb_ul">
            <li class='crbli_img'>
              <img src="http://static.v4.javamall.com.cn/attachment/goods/201202231834296191_thumbnail.jpg" alt="相宜本草 防皱消黑眼贴膜6对/盒" class="scrollLoading">
            </li>
            <li class='crbli_tit str'>
              <a href="#">相宜本草 防皱消黑眼贴范德萨范德萨发大范德萨范德萨</a>
            </li>
            <li class='crbli_price'>
              <i>￥99999.99</i>
              <del>￥99999.99</del>
            </li>
          </ul>
          <ul class="crb_ul">
            <li class='crbli_img'>
              <img src="http://static.v4.javamall.com.cn/attachment/goods/201202231834296191_thumbnail.jpg" alt="相宜本草 防皱消黑眼贴膜6对/盒" class="scrollLoading">
            </li>
            <li class='crbli_tit str'>
              <a href="#">相宜本草 防皱消黑眼贴范德萨范德萨发大范德萨范德萨</a>
            </li>
            <li class='crbli_price'>
              <i>￥99999.99</i>
              <del>￥99999.99</del>
            </li>
          </ul>
          <ul class="crb_ul">
            <li class='crbli_img'>
              <img src="http://static.v4.javamall.com.cn/attachment/goods/201202231834296191_thumbnail.jpg" alt="相宜本草 防皱消黑眼贴膜6对/盒" class="scrollLoading">
            </li>
            <li class='crbli_tit str'>
              <a href="#">相宜本草 防皱消黑眼贴范德萨范德萨发大范德萨范德萨</a>
            </li>
            <li class='crbli_price'>
              <i>￥99999.99</i>
              <del>￥99999.99</del>
            </li>
          </ul>
          <ul class="crb_ul">
            <li class='crbli_img'>
              <img src="http://static.v4.javamall.com.cn/attachment/goods/201202231834296191_thumbnail.jpg" alt="相宜本草 防皱消黑眼贴膜6对/盒" class="scrollLoading">
            </li>
            <li class='crbli_tit str'>
              <a href="#">相宜本草 防皱消黑眼贴范德萨范德萨发大范德萨范德萨</a>
            </li>
            <li class='crbli_price'>
              <i>￥99999.99</i>
              <del>￥99999.99</del>
            </li>
          </ul>
        </div>
      </div>
      
      <!-- 详情说明 -->
      <div class="com_else">

        <div class="cel_head">
          <ul class='celh_ul'>
            <li class='celhli_y'>商品详情</li>
            <li>商品评论</li>
            <li>商品咨询</li>
          </ul>
          <div class="celh_joincar">
            <p>加入购物车</p>
          </div>
        </div>
        
        <!-- 商品详情其他内容 -->
        <div class="cel_body">
          <!-- 商品详情 -->
          <div class="celb_0 celb_xq">
            <table cellspacing="0" cellpadding="0" width="100%" class="liststyle data">
              <tbody>
                  <tr>
                    <th>计价单位：</th>
                    <td></td>
                  </tr>
                  <tr>
                    <th>品牌：</th>
                    <td></td>
                  </tr>
                  <tr>
                    <th>产地：</th>
                    <td></td>
                  </tr>
                  <tr>
                    <th>包装：</th>
                    <td></td>
                  </tr>
                  <!-- 获得 paramList下的json数组，使用第二层list循环-->
                    <tr>
                      <th>规格:</th>
                      <td></td>
                    </tr>
                    <tr>
                      <th>产地:</th>
                      <td></td>
                    </tr>
                    <tr>
                      <th>保质期:</th>
                      <td></td>
                    </tr>
                    <tr>
                      <th>储存方法:</th>
                      <td></td>
                    </tr>
                    <tr>
                      <th>商品形态:</th>
                      <td></td>
                    </tr>
                    <tr>
                      <th>成分:</th>
                      <td></td>
                    </tr>
              </tbody>
            </table>
            <div class="xq_pics">
              <img src="https://img.alicdn.com/imgextra/i2/2129017931/TB2AkhmhXXXXXcJXXXXXXXXXXXX_%21%212129017931.jpg" align="absmiddle">
              <img src="https://img.alicdn.com/imgextra/i4/2129017931/TB2Yf8rhXXXXXbEXXXXXXXXXXXX_%21%212129017931.jpg" align="absmiddle">
              <img src="https://img.alicdn.com/imgextra/i1/2129017931/TB2GbVchXXXXXaeXpXXXXXXXXXX_%21%212129017931.jpg" align="absmiddle">
              <img src="https://img.alicdn.com/imgextra/i1/2129017931/TB2mM8BhXXXXXXCXXXXXXXXXXXX_%21%212129017931.jpg" align="absmiddle">
              <img src="https://img.alicdn.com/imgextra/i4/2129017931/TB2p7XehXXXXXX_XpXXXXXXXXXX_%21%212129017931.jpg" align="absmiddle">
              <img src="https://img.alicdn.com/imgextra/i4/2129017931/TB2x.XwhXXXXXaKXXXXXXXXXXXX_%21%212129017931.jpg" align="absmiddle">
            </div>
          </div>
          
          <!-- 商品评论 -->
          <div class="celb_1 celb_pl" style='display:none;'>
            <ul class='pl_cho'>
              <li class='cho_y'>全部（0）</li>
              <li>好评（0）</li>
              <li>中评（0）</li>
              <li>差评（0）</li>
            </ul>
            <div class="pl_body">
              <div class='sppl_0 '>
                <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯，是楼梯房，每次都不怕辛苦还很耐心地送货上楼，不管东西有多少
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

                 <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

                 <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯一直都喜欢在京
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>
              </div>
              <div class='sppl_1' style='display:none;'>
                
                <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

                 <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯，是楼梯房，每次都不怕辛苦还很耐心地送货上楼，不管东西有多少
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

                 <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯一直都喜欢在京
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>
              </div>
              <div class='sppl_2' style='display:none;'>
                

                <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯一直都喜欢在京东购买东西，生活用品，
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

                 <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯，是楼梯房，每次都不怕辛苦还很耐心地送货上楼，不管东西有多少
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

                 <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      
                      一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯一直都喜欢在京东购买东西，生活用品，办公用品，要买什么东西第一想到就是京东！又快又方便！给我们的生活带来太多便利了，打开手机，轻轻东西指头，把想要的东西一搜马上就出来，然后下单支付，在家坐等收货就行！除了下单方便，不管是发货速度和打包质量，还是商品质量，都是无可挑剔，必须32个赞！除了发货速度商品质量和打包质量，京东小哥的服务态度也是要好好说说，每天跑那么地方，不管烈日炎炎还是刮风下雨，风雨不变一如既往地按正常时间送到客户手上，所以必须32个赞！我家在六楼，没有电梯，是楼梯房，每次都不怕辛苦还很耐心地送货上楼，不管东西有多少
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>
              </div>
              <div class='sppl_3' style='display:none;'>
                   
                
                <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

                 <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      一直都喜欢在京东购买东西，
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

                 <div class='pl_line'>
                  <ul class='pll_left'>
                    <li class='plll_head'><img src="images/login/head1.jpg" /></li>
                    <li class='plll_name str'>dafdsafdasfdasfdds</li>
                  </ul>
                  <ul class='pll_right'>
                    <li class='pllr_text'>
                      
                      一直都喜欢在京东购买东西，
                    </li>
                    <li class='pllr_time'>2018-06-17 21:46</li>

                  </ul>
                </div>

              </div>

              <!-- <em>暂无评论，抢沙发，赢取更多积分。</em> -->
            </div>
          </div>

          <!-- 商品咨询 -->
          <div class="celb_2 celb_zx"  style='display:none;'>
            <div class="ask_question">
              <h4>因厂家更改商品包装、场地、附配件等不做提前通知，且每位咨询者购买、提问时间等不同。为此，客服回复的咨询只针对当前当天咨询问题，给您带来的不便还请谅解，谢谢！</h4>
              <div class="btn-div"><a href="#" class="go_ask small-yellow">我要咨询</a></div>
            </div>
            <div class="ask_show">
              <em class='ask_tip'>暂无咨询，抢沙发，赢取更多积分</em>
            </div>

            <!-- 发送咨询 -->
            <div class="ask_in">
              <div class="ai_tit">发表咨询</div>
              <div class="ai_body">
                <div class='aib_main'>
                  <span class='aib_tit'>请输入您的问题：</span>
                  <span class='aib_input'>
                    <textarea id='ai_zx'></textarea>
                  </span>
                </div>
                <div>
                  <a href="#" id='sub_zx'>提交咨询</a>
                </div>
              </div>
            </div>
          </div>
          
        </div>
      </div>

    </div>
  </div>


  <!-- 公共底部 -->
  <div id='pFoot'>
    <div class="bodyMids">
      <div class="pfBody">
        <div class="pfbTexts">
         
          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>新手上路</li>
              <li><a href="#">顾客必读</a></li>
              <li><a href="#">会员等级折扣</a></li>
              <li><a href="#">积分规则</a></li>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">常见问题</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>关于网站</li>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">联系我们</a></li>
              <li><a href="#">业务合作</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>购物指南</li>
              <li><a href="#">游客购物通道</a></li>
              <li><a href="#">网站使用条款</a></li>
              <li><a href="#">购物流程</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>物流和配送</li>
              <li><a href="#">配送范围</a></li>
              <li><a href="#">配送方式</a></li>
              <li><a href="#">关于收货和验货</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>支付方式</li>
              <li><a href="#">支付方式</a></li>
              <li><a href="#">付款常见问题</a></li>
              <li><a href="#">索取发票</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>服务</li>
              <li><a href="#">售后服务</a></li>
              <li><a href="#">免责条款</a></li>
              <li><a href="#">商品退换货保障</a></li>
            </ul>
          </div>
        </div>
        <div class="pfbEWM">
          
        </div>
      </div>
    </div>
  </div>


  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/public.js"></script>
  <script src="js/commonMess.js"></script>
  <script type="text/javascript" src="js/magnifier.js"></script>
  <script type="text/javascript">
    $(function() {
      
      var magnifierConfig = {
        magnifier : "#magnifier1",//最外层的大容器
        width : 500,//承载容器宽
        height : 500,//承载容器高
        moveWidth : null,//如果设置了移动盒子的宽度，则不计算缩放比例
        zoom : 5//缩放比例
      };

      var _magnifier = magnifier(magnifierConfig);

      /*magnifier的内置函数调用*/
      /*
        //设置magnifier函数的index属性
        _magnifier.setIndex(1);

        //重新载入主图,根据magnifier函数的index属性
        _magnifier.eqImg();
      */
    });
  </script>
  <script type="text/javascript">
    


  </script>
  
</body>
</html>